<template>
    <div class='week'>
        <div class='title'>周末去哪儿</div>
            <div class='item' v-for='item of list' :key='item.id'>
                <div class='item-img'>
                        <img class='img-count' :src='item.imgUrl'>
                </div>
                <div class='item-txt'>
                        <div class='txt-title'>{{item.title}}</div>
                        <div class='txt-desc'>{{item.desc}}</div>
                </div>                
            </div>
    </div>
</template>

<script>
export default{
  name: 'HomeWeek',
  props:{
      list:Array
  }
  
}
</script>
<style lang="stylus" scoped>
.title
    line-height: .8rem
    background: #eee
    text-indent: .2rem
.item-img
    overflow: hidden
    height: 0
    padding-bottom: 37.09%
    .img-count
        width :100%
.item-txt
    padding :.26rem
    .txt-title
        line-height :.6rem
        font-size : .3rem
   
        

        

</style>
